﻿(function () {
    "use strict";

    WinJS.UI.Pages.define("/pages/home/home.html", {
        // This function is called whenever a user navigates to this page. It
        // populates the page elements with the app's data.
        ready: function (element, options) {
            // TODO: Initialize the page here.
        }
    });
})();

function on24Over() {
    var box = document.getElementById('bus24');
    var title = document.getElementById('bus24Title');
    box.style.transition = "all 0.5s ease";
    box.style.boxShadow = "0 0 30px rgba(255,255,255, 0.9)";
    title.style.transition = "all 0.5s ease";
    title.style.textShadow = "10px 10px 0px rgba(10,10,10,0.1)";
}

function on24Out() {
    var box = document.getElementById('bus24');
    var title = document.getElementById('bus24Title');
    box.style.transition = "all 0.5s ease";
    box.style.boxShadow = "0 0 10px rgba(255,255,255, 0.9)";
    title.style.transition = "all 0.5s ease";
    title.style.textShadow = "4px 4px 0px rgba(0,0,0,0.1)";
}

function on105Over() {
    var box = document.getElementById('bus105');
    var title = document.getElementById('bus105Title');
    box.style.transition = "all 0.5s ease";
    box.style.boxShadow = "0 0 30px rgba(255,255,255, 0.9)";
    title.style.transition = "all 0.5s ease";
    title.style.textShadow = "10px 10px 0px rgba(10,10,10,0.1)";
}

function on105Out() {
    var box = document.getElementById('bus105');
    var title = document.getElementById('bus105Title');
    box.style.transition = "all 0.5s ease";
    box.style.boxShadow = "0 0 10px rgba(255,255,255, 0.9)";
    title.style.transition = "all 0.5s ease";
    title.style.textShadow = "4px 4px 0px rgba(0,0,0,0.1)";
}

function onShuttleOver() {
    var box = document.getElementById('shuttle');
    var title = document.getElementById('shuttleTitle');
    box.style.transition = "all 0.5s ease";
    box.style.boxShadow = "0 0 30px rgba(255,255,255, 0.9)";
    title.style.transition = "all 0.5s ease";
    title.style.textShadow = "10px 10px 0px rgba(10,10,10,0.1)";
}

function onShuttleOut() {
    var box = document.getElementById('shuttle');
    var title = document.getElementById('shuttleTitle');
    box.style.transition = "all 0.5s ease";
    box.style.boxShadow = "0 0 10px rgba(255,255,255, 0.9)";
    title.style.transition = "all 0.5s ease";
    title.style.textShadow = "4px 4px 0px rgba(0,0,0,0.1)";
}



